<template>
  <div>
    <p>
      <button @click="$store.commit('add')"> + </button>
	     <!-- 获取vuex文件的mystore.js中的 state中的count的值 -->
	     <span>{{ msg1 }}</span><span>{{ $store.state.count }}</span>
		 <span>{{ msg2 }}</span>
      <button @click="$store.commit('reduce')"> - </button>
    </p>
  </div>
</template>

<script>
  import mystore from '@/vuex/mystore';
  export default {
    data () {
      return {
        msg1: '  数量:',
		msg2: '  '
      }
    },
    /*
     引用mystore.js，store为数据仓库
     */
    store: mystore
  }
</script>